@import "src/style/theme.less";
.msg-item {
  margin-bottom: 6px;
}
.msg-item:nth-last-of-type(1) {
  margin-bottom: 0px;
}
.text-item {
  color: @text-color-secondary;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.img-item {
  .img {
    @size: 60px;
    max-width: @size;
    max-height: @size;
  }
}
.link-item {
  position: relative;
  padding-left: 46px;
  @coverSize: 40px;
  min-height: @coverSize;

  .linkMsg-cover {
    position: absolute;
    left: 0px;
    top: 0px;
  }

  .link-img {
    width: @coverSize;
    height: @coverSize;
    border-radius: 2px;
  }

  .link-icon {
    width: @coverSize;
    height: @coverSize;
    background: #ededed;
    text-align: center;
    line-height: @coverSize;
    font-size: 24px;
    border-radius: 2px;
  }

  .link-info {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .link-text {
    white-space: nowrap;
  }

  .link-title {
    color: @text-color;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .link-desc {
    color: @text-color-secondary;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.app-item {}
.video-item {
  display: flex;
  .video-icon {
    padding-right: 12px;
    font-size: 20px;
  }
  .video-name {
    color: @heading-color;
  }
}